<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/me.css">
</head>
<body>
    <div class="header">
        <div>
            <img src="img/3x/client.png" alt="Client" class="img_left">
            <img src="img/3x/setting.png" alt="setting" class="img_right">
            <img src="img/3x/info.png" alt="info" class="img_right">
        </div>

        <div class="user">
            <img class="img_header" src="img/3x/photo.png" alt="my_bg">
            <div class="user_detail">
                <p><span class="user_name">用户名</span> <span class="register">立即实习名</span></p>
                <p class="phone">180****5569</p>
            </div>
            <img class="user_more" src="img/3x/more.png"/>
        </div>
    </div>

    <div class="nav">
        <div class="clearf">
            <img class="nav_img" src="img/3x/collection.png" alt="我的收藏">
            <div>我的收藏</div>
            <img class="nav_more" src="img/3x/arrow.png" alt="箭头">
        </div>

        <div class="clearf" style="margin-bottom: 10px">
            <img class="nav_img" src="img/3x/my_info.png" alt="我的消息">
            <div>我的消息</div>
            <img class="nav_more" src="img/3x/arrow.png" alt="箭头">
        </div>

        <div class="clearf">
            <img class="nav_img" src="img/3x/common_question.png" alt="常见问题">
            <div>常见问题</div>
            <img class="nav_more" src="img/3x/arrow.png" alt="箭头">
        </div>

        <div class="clearf">
            <img class="nav_img" src="img/3x/feedback.png" alt="问题反馈">
            <div>问题反馈</div>
            <img class="nav_more" src="img/3x/arrow.png" alt="箭头">
        </div>

        <div class="clearf">
            <img class="nav_img" src="img/3x/collection.png" alt="我的收藏">
            <div>我的收藏</div>
            <img class="nav_more" src="img/3x/arrow.png" alt="箭头">
        </div>

        <div class="clearf">
            <img class="nav_img" src="img/3x/about_us.png" alt="关于我们">
            <div>关于我们</div>
            <img class="nav_more" src="img/3x/arrow.png" alt="箭头">
        </div>
    </div>

    <div class="footer">
        <ul>
            <li>首页</li>
            <li>我的</li>
        </ul>
    </div>

</body>
</html>